<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="/assets/js/jquery-1.10.2.min.js"></script>
    <title>晨彩教育</title>
    <style>
        html,body{
            height: 100%;
            font-family: '宋体';
        }
        .one{

            display: flex;
            align-items:center;
            /*justify-content: center;*/
            flex-direction: column;
            width: 100%;
            height:100%;
            font-weight: bold;
            color:white;
            /*background: linear-gradient(to right, red, orange, black, green, blue, orange, red, orange, palevioletred, green, yellow, orange, red);*/
        }

        .two{
            font-size: 0.2rem;
            line-height: 0.4rem;
        }
    </style>
</head>

<body style="background: url('/assets/img/bg.png') no-repeat;background-size: 100% 100%">

<div class="one">
    <div style="margin-top: 1rem">
        <img src="/assets/img/top.png" alt="">
    </div>
    <div style="font-size: 0.35rem; ">恭喜{$name}同学成功报名晨彩教育！</div>
    <div class="two" style="margin-top: 0.4rem">长风破浪会有时，直挂云帆济沧海！</div>
    <div class="two">希望你能在晨彩的学习过程中结良师，交益友。</div>
    <div class="two">晨彩也将在升本道路上为你提供最强大的助力！</div>
    <div class="two">希望你能在晨彩学有所得，成功上岸！！</div>
    <div style="margin-left:-1rem;margin-top:0.4rem">
        <div style="font-size:0.34rem;color:#054b7a;">【电子报名表】</div>
        <div style="font-size:0.2rem;margin-left:0.2rem;margin-top:0.1rem">这是您刚刚填写的电子报名表，请访问链接确认无误哦！<a href="{:url('recruit/information',['id'=>$id])}">点击查看</a></div>
    </div>

</div>

<script>
    $(function(){
        set_html_width();
        $(window).resize(function(){
            set_html_width();
        });
    });
    function set_html_width(){
        ww = $(window).width();

        $('html').css('font-size',ww/750*100);
    }
</script>
</body>
</html>